@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:100% !important;}
ul, li{list-style-type: none; }
img{ max-width:100%;}
a:hover{ text-decoration:none;}
a:focus, a:hover {  color: #23527c;text-decoration: none;}
.navbar-default { background-color: #272727; border-color: #2981bc; opacity: 0.9; }
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar-default .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-collapse, .navbar-inverse .navbar-form { border: 0px none; }
.navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover {   background-color:transparent;}
.navbar-header img { padding-left: 10px; }
.navbar-fixed-top{ border:0px none;}
.navbar-toggle {margin-top: -32px;  margin-right: 0; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {  color: #FFFFFF;  background-color: transparent;}
.section { width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 667px;font-family:Microsoft yahei; }
.section h2{ text-align:center; font-size:4.5em; line-height:2.2em; padding-top:120px;} 
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;}
#fp-nav ul li{ margin-bottom:10px !important;}
#fp-nav ul li a span {  width: 14px !important;height: 14px !important;  left: 0 !important; top: 0 !important;  margin: 0 !important; border: 1px solid #6090b6 !important; background: none !important;}
#fp-nav ul li .active span { background: #6090b6 !important;}
/**** section-one *****/
.bannerbg { background-color: #2A81BD; background-image: linear-gradient(to bottom, #2A81BD, #114a7a); background-repeat: repeat-x; }
.bannerbg h2 { text-align: center; position: absolute; left: 35%; top: 14%; margin-left: -140px; }
.speline { width: 100%; position: absolute; bottom: 18%; left: 0; }
#wave { height: 200px; width: 100%; }
.leads .nav > li { color: #fff; }
.leads .nav > li > .org { color: #ffea00; }
.leads .nav > li > img { width: 21px; height: 21px; }
.leads .icon01 { position: absolute; left: 30%; bottom: 40%; font-size:2em; }
.leads .icon02 { position: absolute; left: 55%; bottom: 40%; font-size:2em;}
/**** section-two *****/
.section-two h4{ text-align:center; font-size:2.5em; line-height:3.3em;} 
.section-two h3{ font-size:8em; color:#00b4ff; letter-spacing:1.2em; line-height:2em; border:solid 2px #00b4ff;}
.buttons{ margin-top:50px;}
.buttons a{ font-size:2em; color:#53bb1a; width:280px; height:60px; line-height:60px; margin:0 auto; border:solid 2px #53bb1a; display:block; }
/**** section-three 云搜索*****/
.section-three{ width:100%;background: #236798;}
.section-three h2{ color:#fff; margin-bottom:100px;}
.skeywords{ background:url(../images/keywods01.jpg) no-repeat center center; background-size:cover; width:48%; margin-right:4%; display:block; text-align:center;}
.keywords{background:url(../images/keywods02.jpg) no-repeat center center; background-size:cover; width:48%; display:block;text-align:center; }
.yunleft .col-md-6 h3, .yunleft .col-md-5 h3{ font-size:2.5em; padding-top:240px;}
.yunleft .purple{ color:#b25fa3; font-size:3em;}
.yunleft .bluecolor{ color:#00b4ff; font-size:3em;}
/**** section-four 云新闻*****/
.section-four{ width:100%; background:#f0f4fa;}
.section-four h2{ margin-bottom:100px;}
.section-four .yunqiye{ background:url(../images/newsbg1.jpg) no-repeat center center;  width:50%;max-width:100%;display:block; text-align:center; float:right;}
.section-four .yundata{ background:url(../images/newsbg2.jpg) no-repeat center center; width:50%; max-width:100%; display:block; text-align:center;float:right;}
.section-four .yunqiye h3{ padding-top:184px; color:#ff9600; font-size:3.5em;}
.section-four .yundata h3{ padding-top:184px; color:#53bb1a;font-size:3.5em;}
.section-four .yunright h3{ color:#00b4ff; font-size:3.5em; padding-bottom:15px;}
.section-four .yunright li{ font-size:1.8em; line-height:2em;}
.section-four .yunright a{ color:#6a7172;} 
/**** section-five 云广告*****/
.section-five h3{ margin-bottom:25px;}
.section-five .adsdisplay a{ color:#606f83;}
.section-five .adsdisplay li{ font:2em/2.3em microsoft yahei;}
#shuliang { color: #00b4ff; font-weight: bolder; }
.section-five .nav>li>a { padding: 5px 0; }
#file-size-chart { height: 350px; }
.datapic { display: block; height: 300px; margin: 0 auto;}
.section-five h2{ margin-bottom:60px;}
/**** section-six 云盟广告*****/
.section-six { background:#f0f4fa; }
.section-six .slides li{ font:1.8em/2.3em microsoft yahei;}
.section-six .slides li a{ padding-left:20px; color:#00b4ff;}
.section-six h2{ margin-bottom:50px;}
.corpercity .circle{ width:245px; height:245px; border-radius:170px; background:#00b4ff; color:#fff; text-align:center;}
.circle h1{ padding-top:70px; font-weight:bold; font-size:5em;}
.corpercompany .circle{ width:245px; height:245px; border-radius:170px; background:#ff7200; color:#fff; text-align:center;}
.section-six h5{ padding-top:60px; font-size:1.6em; text-align:center;}
/**** section-seven 秀场*****/
.section-seven{ width:100%; background:#fafafa;}
.section-seven h2 { font:3.8em/2em microsoft yahei; padding-top:40px;}
.section-seven h4{ margin-bottom:20px;}
#in_tables img{ max-height: 300px; max-width: 300px;}
.thumb .caption{ height: 22px; overflow: hidden; padding-top:5px;}
.thumb{ width:266px; height:295px; padding:8px;float:left;box-shadow:0 0 5px #ccc;  margin:0 0 10px 0; background:#fff;}
.thumb .boximg{ width:250px; height:240px; overflow:hidden; position:relative;}
.thumb .boximg img{ width:250px; height: 240px;   transition: all 0.5s ease 0s;}
.boxdes{ background:url(../images/view.png) no-repeat 183px center;font:1.4em/1.5em microsoft yahei;  color:#999; position:relative;}
.boxdes .view{ text-align:right; position:absolute; right:5px; bottom:0px;}
.thumb .boxtxt{ border-bottom:#f1f1f1 1px solid;font:1.4em/3em microsoft yahei; color:#666}
.thumb .boxtxt img{*width:50%; *margin:5px 0 0 0; width:100%}
.thumb .ewm_bg{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:98; background:#fff;  }
.thumb .ewm { position:absolute; width:100%; height:100%; left:0; top:0; z-index:99; transition: all 300ms ease-in 0s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;transform: scale3d(0.3, 0.3, 0.3);  background:#fff;  }
.ewm_bg {transition: all 300ms ease-in 0s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;transform: scale3d(0.3, 0.3, 0.3);}
.thumb:hover .ewm  {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transform: scale3d(1, 1, 1);  }
.thumb:hover  .ewm_bg { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; transform: scale3d(1, 1, 1);}
/**** section-eight 成功客户*****/
.section-eight .custormer{ margin:45px 0;}
.section-eight h3{ font-size:1.5em; color:#cbcbcb; position:absolute; bottom:10%; overflow:hidden;height:15px;}
/**** section-nine 客户留言*****/
.section-nine{ width:100%; background:#2a3c54; }
.section-nine h2 { font-size:3.2em; color: #fff; line-height:1.2em; margin-bottom:0px; padding-top:90px;}
.section-nine h3 { color: #596b82; text-align:center; font:2.3em/1.2em microsoft yahei; margin-bottom:25px; }
.tabs { display: table; margin-left: auto; margin-right: auto; }
.tabs table { color: #596b82; font-size:1.5em; }
.tab_left { color: #FFFFFF;}
.txt1 { border: solid 1px #EEEEEE; margin: 5px 15px 5px 5px; padding-left: 5px; width:500px;height:35px; line-height:35px; }
#gender{ width:80px; font-size:14px;}
.tabs .text-center .btn { margin-top: 15px; }
.footer { padding:10px 0;font-size:1.5em; background: #f0f4fa; transition: height 0.5s linear; left: 0px; bottom: 0px; overflow: hidden;  z-index: 999; -webkit-transition: height .5s linear; -moz-transition: height .5s linear; -o-transition: height .5s linear; width: 100%; position: absolute;  }
.div_id{ text-align:center;}
.btns{ width:350px; height:50px; margin-top:15px; text-align:center; line-height:50px; background:#00b4ff; color:#fff; border:0px none; font-size:1.6em;}



 @media (min-width:992px) {
.Seach_right { width: 750px; position: relative; height: 400px; }
.Seach_right a { color: #85c0ea; position: absolute; top: 0; left: 0; font-size: 16px !important; padding: 6px 10px; }
.Seach_right a:hover { border: 1px solid #eee; background: #000; border-radius: 5px; }
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
.leads .icon01 {left: 20%; bottom: 40%; font-size:1.8em; }
.leads .icon02 {left: 55%; bottom: 40%; font-size:1.8em;}
/*title*/
.section-two{ padding:120px 0 50px;}
.section h2{font-size:3.5em; line-height:2em;} 
.section-two h2{ padding-top:120px;}
.section-two h4{ font-size:2.5em; line-height:4.5em;} 
.section-two h3{ font-size:6em; letter-spacing:0.92em; line-height:2em;}
.buttons a{ font-size:1.8em; width:250px; height:52px; line-height:52px;}

.section-three h2{ margin-bottom:50px;}
.skeywords, .keywords{ width:48%;}
.yunleft .col-md-6 h3, .yunleft .col-md-5 h3{ font-size:2em; padding-top:200px;}
.yunleft .purple{  font-size:3em;}
.yunleft .bluecolor{  font-size:3em;}
.Seach_right { width: 100%;  height: 400px; overflow: hidden; padding-top: 30px; }
.Seach_right a { color: #85c0ea;font-size: 16px; padding:10px; margin: 10px 6px; display: block; float: left; }	

.section-four h2{ margin-bottom:70px;}
.section-four .yunqiye, .section-four .yundata{  width:50%;}
.section-four .yunqiye h3{ padding-top:158px; font-size:2.5em;}
.section-four .yundata h3{ padding-top:158px;font-size:2.5em;}
.section-four .yunright h3{ font-size:2.5em; padding-bottom:15px; padding-top:25px; text-align:center;}
.section-four .yunright li{ font-size:1.8em; line-height:2em;}
.display{ text-align:center;}

.section-five h2{ margin-bottom:30px;}
.section-five h3{ margin-bottom:25px; text-align:center;}
.section-five .adsdisplay li{ font:1.8em/2.1em microsoft yahei; text-align:center;}
.section-five #file-size-chart { height: 300px; }

.section-six .slides li{ font:1.8em/2.1em microsoft yahei; text-align:center;}
.section-six h2{ margin-bottom:20px;}
.corpercity .circle{ width:205px; height:205px;margin:0 auto;}
.circle h1{ padding-top:55px;  font-size:3.5em;}
.corpercompany .circle{ width:205px; height:205px; margin:0 auto;}
.section-six h5{ padding-top:30px; font-size:1.6em; text-align:center;}

.section-seven h2 { font:3.8em/2.2em microsoft yahei; padding-top:70px;}
.section-seven h4{ margin-bottom:40px; font-size:16px; line-height:1.7em;}
#in_tables img{ max-height: 200px; max-width: 200px;}
.thumb .caption{ height: 22px; overflow: hidden; padding-top:12px; overflow:visible; font-size:1.5em;}
.thumb{ width:216px; height:250px;}
.thumb .boximg{ width:200px; height:200px;}
.thumb .boximg img{ width:200px; height: 200px;}

.section-eight .custormer{ margin:0;}
.section-eight .custormer .col-sm-4{ margin:10px auto;}
.section-eight h3{ font-size:1.5em; color:#cbcbcb; position:absolute; bottom:10%; height:15px; overflow:hidden;}

.section-nine h2 { line-height:1.2em; margin-bottom:0px;}
.section-nine h3 {font:2.3em/1.2em microsoft yahei; margin-bottom:25px; }
.tabs { display: table; margin-left: auto; margin-right: auto; }
.txt1 {  margin: 5px 15px 8px 5px; padding-left: 5px; width:360px;height:32px; line-height:32px; }
#gender{ width:80px; font-size:14px;}
.tabs .text-center .btn { margin-top: 15px; }
.footer { padding:10px 0;font-size:1.7em;}
.btns{ width:325px; height:50px; margin-top:35px; line-height:50px; font-size:1.8em;}

	}


/* 横向放置的手机和竖向放置的平板之间的分辨率 */
 @media (max-width:767px) {
.leads .icon01 {left: 5%; bottom: 40%; font-size:1.4em; }
.leads .icon02 {left: 55%; bottom: 40%; font-size:1.4em;}
/*title*/
.section h2{ font-size:2.8em; line-height:1.2em;padding-top:90px;}
.section-two h2{ padding-top:120px;}
.section-two h4{font-size:1.8em; line-height:3.5em;}   
.section-two h3{ font-size:3.8em; letter-spacing:0.75em; line-height:1.8em;}
.buttons a{ font-size:1.6em; width:220px; height:48px; line-height:48px;}

.section-three{ padding-bottom:15px;}
.skeywords, .keywords{ width:45%;}
.section-three h2{ color:#fff; margin-bottom:25px;}
.yunleft .col-md-6 h3, .yunleft .col-md-5 h3{ font-size:1.5em; padding-top:70px;}
.yunleft .purple{  font-size:1.8em;}
.yunleft .bluecolor{  font-size:1.8em;}
.col-sm-12{ width:100%;}
.Seach_right { width: 100%; padding-top: 20px; }
.Seach_right a { color: #85c0ea;font-size: 16px !important; margin: 10px 6px; display: block; opacity:1 !important; float:left; }


.section-four h2{ margin-bottom:20px; padding-top:100px;}
.section-four .yunqiye{background-size:contain;}
.section-four .yundata{background-size:contain;}
.section-four .yunqiye h3{ padding-top:120px; font-size:1.5em;}
.section-four .yundata h3{ padding-top:120px;font-size:1.5em;}
.section-four .yunright h3{ font-size:1.6em; padding-bottom:10px; padding-top:10px; text-align:center;}
.section-four .yunright li{ font-size:1.3em; line-height:2em;}
.section-four .yunqiye h4, .section-four .yundata h4{ font-size:1.3em;}
.section-four .display{ text-align:center;}

.section-five h2{ margin-bottom:10px;}
.section-five h3{ margin-bottom:25px; text-align:center;}
.section-five .adsdisplay li{ font:1.4em/1.5em microsoft yahei; text-align:center;}
.section-five h3{ margin-bottom:10px; font-size:1.7em;}
.section-five .adsdisplay a{ color:#606f83;}
.section-five .nav>li>a { padding: 5px 0; }
#file-size-chart { height: 180px;}

.section-six .slides li{ font:1.4em/1.6em microsoft yahei; text-align:center;}
.section-six h2{ margin-bottom:20px;}
.corpercity .circle{ width:150px; height:150px;margin:0 auto;}
.circle h1{ padding-top:55px; font-size:2.5em; margin:0;}
.section-six h3{ font-size:1.6em; padding-top:5x; margin:0;}
.corpercompany .circle{ width:150px; height:150px; margin:0 auto;}
.section-six h5{ padding-top:10px; font-size:1.2em; line-height:1.4em; text-align:center;}

.section-seven h2 { font:2.8em/2.2em microsoft yahei; padding-top:60px;}
.section-seven h4{ margin-bottom:25px; font-size:14px; line-height:1.7em;}
#in_tables img{ max-height: 200px; max-width: 100%;}
.thumb .caption{ height: 22px; overflow: hidden; padding-top:10px; overflow:visible; font-size:1.3em;}
.thumb{ width:100%; height:195px; padding:0;}
.thumb .boximg{ width:100%; height:160px;}
.thumb .boximg img{ width:100%; height: 160px;}

.section-eight .custormer{ margin:0;}
.section-eight .custormer .col-sm-4{ margin:10px auto;}
.section-eight h3{ font-size:1.5em; color:#cbcbcb; position:absolute; bottom:6%; height:15px; overflow:hidden;}

.section-nine h2 { font-size:2.2em; line-height:1.2em; padding:80px 0 0 0; margin-bottom:0;}
.section-nine h3 {font:1.6em/1.1em microsoft yahei; margin-bottom:10px; }
.tab_left{ font:0.8em/1em microsoft yahei;}
.tabs { display: table; margin-left: auto; margin-right: auto; }
.txt1 {  margin: 5px 15px 8px 5px; padding-left: 5px; width:250px;height:25px; line-height:25px; }
#gender{ width:80px; font-size:14px;}
.tabs .text-center .btn { margin-top: 15px; }
.footer { padding:10px 0;font-size:1.2em;}
.btns{ width:200px; height:35px; margin-top:25px; line-height:35px; font-size:1.5em;}
#fp-nav.right { right: 5px!important;}
	 }
/****小屏幕手机***/	 
 @media (max-width:321px) {
.leads .icon01 {left: 10%; bottom: 50%; font-size:1.4em; display:block; }
.leads .icon02 {left: 10%; bottom: 45%; font-size:1.4em;}
.section h2{ padding-top:80px;}
.section-two{ padding-top:50px;}
.section-two h2{ padding-top:120px;}
.section h2{ padding-top:55px; font-size:2.2em; line-height:1.2em;}
.section-two h4{font-size:1.6em; line-height:3em;}  
.section-two h3{ font-size:2.9em; letter-spacing:0.65em; line-height:1.7em;}	
.buttons a{ font-size:1.6em; width:200px; height:45px; line-height:45px;}

.section-three{ padding-bottom:15px;}
.skeywords, .keywords{ width:45%;}
.section-three h2{ margin-bottom:25px;}
.skeywords, .keywords{ width:120px; height:128px;}
.yunleft .col-md-6 h3, .yunleft .col-md-5 h3{ font-size:1.5em; padding-top:60px;}
.yunleft .purple{  font-size:1.6em;}
.yunleft .bluecolor{  font-size:1.6em;}
.Seach_right { width: 100%; padding-top: 20px; }
.Seach_right a { color: #85c0ea;font-size: 14px !important; margin: 10px 6px; display: block; opacity:1 !important;float:left; }

.section-four h2{ margin-bottom:20px;}
.section-four .yunqiye{background-size:contain; }
.section-four .yundata{background-size:contain;}
.section-four .yunqiye h3{ padding-top:100px; font-size:1.5em;}
.section-four .yundata h3{ padding-top:100px;font-size:1.5em;}
.section-four .yunright h3{ font-size:1.6em; padding-bottom:10px; padding-top:10px; text-align:center;}
.section-four .yunright li{ font-size:1em; line-height:2em; overflow:hidden; white-space:nowrap;}
.section-four .yunqiye h4, .section-four .yundata h4{ font-size:1.2em;}
.section-four .display{ text-align:center;}	

.section-five h2{ margin-bottom:5px;}
.section-five .adsdisplay li{ font:1.3em/1.5em microsoft yahei;}
.section-five h3{ margin-bottom:10px; font-size:1.5em;}
.section-five .adsdisplay a{ color:#606f83;}
.section-five .nav>li>a { padding: 5px 0; }
#file-size-chart { height: 180px;}

.section-six .slides li{ font:1.2em/1.6em microsoft yahei; text-align:center;}
.section-six h2{ margin-bottom:15px;}
.corpercity .circle{ width:120px; height:120px;margin:0 auto;}
.circle h1{ padding-top:45px; font-size:1.8em; margin:0;}
.section-six h3{ font-size:1.4em; padding-top:5x; margin:0;}
.corpercompany .circle{ width:120px; height:120px; margin:0 auto;}
.section-six h5{ padding-top:15px; font-size:1.2em; text-align:center;}

.section-seven h2 { font:2.4em/2em microsoft yahei; padding-top:50px;}
.section-seven h4{ margin-bottom:10px; font-size:12px; line-height:1.6em;}
#in_tables img{ max-height: 170px; max-width: 170px;}
.thumb .caption{ height: 18px; overflow: hidden; padding-top:10px; overflow:visible; font-size:1.3em;}
.thumb{ width:100%; height:169px; overflow:hidden;}
.thumb .boximg{ width:100%; height:138px;}
.thumb .boximg img{ width:100%; height: 135px;}

.section-eight .custormer{ margin:0;}
.section-eight .custormer .col-sm-4{ margin:10px auto;}
.section-eight h3{ font-size:1.5em; color:#cbcbcb; position:absolute; bottom:6%; height:15px; overflow:hidden;}

.section-nine h2 { font-size:1.8em; line-height:1em; padding:50px 0 0 0; margin-bottom:0;}
.section-nine h3 {font:1.4em/1em microsoft yahei; margin-bottom:10px; }
.tab_left{ font:0.8em/1em microsoft yahei;}
.tabs { display: table; margin-left: auto; margin-right: auto; }
.txt1 {  margin: 5px 15px 5px 5px; padding-left: 5px; width:180px;height:20px; line-height:20px; }
#gender{ width:80px; font-size:14px;}
.tabs .text-center .btn { margin-top: 15px; }
.footer { padding:10px 0;font-size:1em; bottom:98px;}
.btns{ width:200px; height:35px; margin-top:25px; line-height:35px; font-size:1.5em;}
#fp-nav.right { right: 5px !important;}
	 }
	 